<template>
  <div>
    <h3>普通下拉框，本地搜索</h3>
    <selectSearch
        placeholder="普通下拉框，本地搜索"
        v-model="selectValue"
        :optionSource="stepList"
        valueKey="label"
        width="300px"
        @change="selectChange"
    ></selectSearch>
    
  </div>
</template>

<script>
import selectSearch from '../../components/selectSearch.vue'
export default {
  name: 'selectSearchView',
  components: {
    selectSearch,
  },
  data() {
    return {
      selectValue: null,
      stepList: [
        { label: '1', id: 1 },
        { label: '2', id: 2 },
        { label: '3', id: 3 },
        { label: '4', id: 4 },
        { label: '5', id: 5 },
        { label: '6', id: 6 },
        { label: '7', id: 7 },
        { label: '8', id: 8 }]
    }
  },
  methods: {
    selectChange(val) {
      console.log('selectChange', val, this.selectValue)
    }
  }
}
</script>
